約 5,015,064 件
https://w.atwiki.jp/battler/pages/2396.html
詳細不明。 いつからか本家のバトルロイヤルRに姿を現した,謎のプレイヤー。 現在の持ちキャラは下記のみ確認されている。 Mr.killer 放浪のyesman zion dopingman bobson JUGGLER presi 【作者記入欄】 その実態は…ただのパチ好き。 同じキャラを1週間ほど連続して登録する傾向がある。(ただセリフとかを入力するのが面倒なだけ)
https://w.atwiki.jp/api_programming/pages/112.html
下位ページ Content 色好きな色のグラデーションをCSSで表現してくれるサイト「Blend」 - lifehacker.jp スイススタイルの色が手に入るサイト「Swiss Style Color Picker」 - lifehacker.jp 人気のある配色パターンが探せるサービス「PLTTS」 - lifehacker.jp 指定した画像に使われている色からカラーパレットを作るサイト「ColorFavs」- lifehacker.jp 4色で構成された配色パターンを集めたサイト「LOL Colors」 ランダムにさまざまな色を提案してくれるサイト「Colovely」 http //www.lifehacker.jp/2016/05/160526color_scheme.html 指定した条件からカラースキームを提案してくれるサービス「Color Schemr」 色 CSS色見本 配色 - http //www.uipalette.net/ 好きな色のグラデーションをCSSで表現してくれるサイト「Blend」 - lifehacker.jp Blend スイススタイルの色が手に入るサイト「Swiss Style Color Picker」 - lifehacker.jp swiss style color picker 人気のある配色パターンが探せるサービス「PLTTS」 - lifehacker.jp http //pltts.me/ 指定した画像に使われている色からカラーパレットを作るサイト「ColorFavs」- lifehacker.jp colorfabs 4色で構成された配色パターンを集めたサイト「LOL Colors」 Lol Colors ランダムにさまざまな色を提案してくれるサイト「Colovely」 colovely http //www.lifehacker.jp/2016/05/160526color_scheme.html https //dribbble.com/colors/c74b16 http //designspiration.net/ 指定した条件からカラースキームを提案してくれるサービス「Color Schemr」 http //colorschemr.com/
https://w.atwiki.jp/naobe/pages/67.html
WEBアプリケーションに戻る タグ http //www.htmq.com/html/index.shtml 参照 radioタグとcheckboxタグ radioタグは1個選択可能。checkboxは複数選択可能 form action="/DynamicWEB/ShowDate" input type="checkbox" name="aaa" AAA br input type="checkbox" name="bbb" BBB br input type="checkbox" name="ccc" CCC br input type="submit" br /form 上記のリクエストは以下 ShowDateServlet start. key aaa, val[0] on key ccc, val[0] on 配列にする意味がないような。しかしこれが一般的な使い方でしょう。 配列を有効に活用するには以下の形式。 form action="/DynamicWEB/ShowDate" input type="checkbox" name="key" value="AAA" AAA br input type="checkbox" name="key" value="BBB" BBB br input type="checkbox" name="key" value="CCC" CCC br input type="submit" br /form 上記のリクエストは以下 key key, val[0] AAA key key, val[1] BBB diabled属性 HTML4.01では、inputタグ、TextAreaタグで使用可能。 divで画面を分割 head style type="text/css" #container{width 750px;text-align left;margin 0px auto;} #header{width 750px;margin 0px 0px 15px 0px;} !-- float 回りこみを許す -- #content{float left;width 590px;} #sidebar{float right;width 150px;padding 0px 0px 0px 10px;} !-- clear 回りこみを解除する -- #footer{clear both;width 750px;margin 15px 0px 15px 0px;} /style /head body div id="container" div id="header" ここがヘッダー /div div id="content" ここがコンテンツ /div div id="sidebar" ここがサイドバー /div div id="footer" ここがフッター /div /div /body 用語 項目 説明 備考 インライン要素 前後で改行されない ブロック要素 前後で改行される
https://w.atwiki.jp/water28/pages/83.html
cssメリット WEB標準に準拠 - 「SEO」「アクセシビリティ」「ユーザビリティ」 構成情報HTMLとデザインCSSの分離 メンテナンスが容易 レンダリングエンジン Trident (Internet Explorer等 Gecko Mozilla Firefox等 KHTML Konqueror WebKit Safari、Google Chrome等 Presto Opera 日本のブラウザシェア http //lhsp.s206.xrea.com/misc/browser-share.html レンダリングモードはXHTMLソースコードの最初に記述するDoctypeスイッチングを選択して決定する。DTDは、XHTMLのメタデータが記述されている。 http //www.htmq.com/htmlkihon/302.shtml サーチエンジンシェア(あるサイトのアクセス解析より) http //find.accessup.org/kensaku/access_history.html#graph リンク Zen Garden - ワンソース・マルチデザインサイト http //www.csszengarden.com/tr/japanese/ ユーザビリティ http //www.usability.gr.jp/ http //www.hcdnet.org/ HTML 要素の種類 ブロックレベル要素 widthとheightの値を持つ。指定がない場合、親要素を継承 p div table dl ul ol form address blockquote h1-h6 fieldset hr pre インライン要素 widthとheightの値を持たない。ブロックレベル要素内の文中をマークアップする。ブロックレベル要素を子要素として持つことが出来ない a abbr acronym b bdo big cite code dfn em i kbd label q smap small spam strong sub sup tt var インラインブロック要素 widthとheightの値を持つ。文法的な使われ方はインライン要素 button img input object select span要素 インライン要素。文中、CSSでデザインする span 場所 /span を囲む。 コメント !-- -- 文字実体参照・数値文字参照 http //w3g.jp/others/data/letters sectionとarticleの違い article 単体で完結出来る お知らせや新着情報 section リンク先を見てみないことには分かいような物 コンテンツ類 CSS コメント /* */ 記述場所 インライン p style="color #ff00000;" /p 内部参照 style type="tetxt/css" p{ color ff0000;} /style 外部参照 link rel="stylesheet" type="text/css" href="xxx.css" / @importディレクティブ @import url(xxx.css) all; ←css内に記述。cssを階層構造にしてまとめる物? セレクタ http //weboook.blog22.fc2.com/blog-entry-287.html http //www.htmq.com/csskihon/005.shtml スタイルシートの継承一覧 http //css.eweb-design.com/0108_bsc.html body要素に書いておくと良さそうなもの http //www.designwalker.com/2007/02/css-body.html 詳細度(適応優先順位) * 0 p 1 a link 2 ul li 2 .con 10 #header 100 style="" 1000 #wrapper ul li.home 112 div#header 101 カスケーディング スタイルシートの種類 オーサー(Author) コンテンツ作成者が作成したCSS ユーザー(user) コンテンツ利用者が意図して使用するCSS ユーザーエージェント(User Agent) ブラウザ自体が持っているCSS 優先順位 1 ユーザスタイルシート(!important宣言付き) CSSファイル内に!important宣言があるもの 2 オーサースタイルシート(!important宣言付き) CSSファイル内に!important宣言があるもの 3 オーサースタイルシート サイト制作者がlinkタグやstyleタグなどで指定したもの 4 ユーザスタイルシート ユーザー独自に作成したもの 5 デフォルトスタイルシート ブラウザが標準で持っているもの ボックスモデル ボックスモデル http //www.geocities.jp/multi_column/float/02.html http //www.dspt.net/stylesheet_css/001/010.html マージンの相殺 垂直方向のマージン相殺 正正/値が大きい方 正負/マージンを足した値 負負/絶対値が大きい方 ボックス内にボックスがある場合のマージンの相殺 paddingとboderの値がない場合。絶対値が大きい方が採用 空要素に対するマージン相殺 paddingとboderの値がない場合。マージンを指定しても折りたたまれる http //blog.webcreativepark.net/2008/07/09-001153.html http //kohituji.konjiki.jp/tec/margin.html フォントサイズについて bodyに対してfont-size 62.5%を予め指定しておくと、フォントサイズをemで指定する際、12ピクセル相当なら1.2em、16ピクセルにしたいなら1.6emという風にemを使ったフォントサイズ指定が分かりやすくなる CSS3で単位remは、ルートemの略。html要素にfont-size 62.5%;を指定すると継承する? http //redline.hippy.jp/lab/css/bodyfontsize625.php http //parashuto.com/rriver/development/css3-re ボックスの配置方法(基準位置)を指定 http //www.htmq.com/style/position.shtml
https://w.atwiki.jp/sevenlives/pages/31.html
HTML 読み:えいちてぃーえむえる 英語:HyperText Markup Language 別名: 意味: HTMLとはwebページを記述するためのマークアップ言語?のこと。 元々はハイパーテキスト?を解釈するためのものであったが現在ではページの見栄えなど人間にとって見やすくするための言語として発展している。 webブラウザはHTMLを解釈させwebページを整形された姿で閲覧することが出来る。 SGMLから派生したマークアップ言語だがインターネットの爆発的な広がりによりHTMLは独自の発展をとげる。 人間にとって優しく発展したためかwebブラウザによるHTMLの解釈はかなり柔軟で、いい加減な文書もなんとか表示してしまったためとその簡単な記述方法からインターネットの爆発的な広がりを後押しした。 現在のバージョンは4.01だがW3Cはweb標準に立ち返って厳密な記述を要求するXML準拠のXHTMLに移行させていくつもりのようだ。 HTML 4.0/4.01の文書型は 「Strict?」「Transitional?」「Frameset?」の3つがある。 2018年07月14日 Webブラウザ マークアップ マークアップ言語? ハイパーリンク 【link】 ハイパーテキスト? 文書型宣言 DTD 内容モデル 要素【element】? 属性【attribute】? 文字参照 SGML HTML 4.01 HTML5 XHTML XML SVG SMIL HTML WG? CSS Microformats クリッカブルマップ パラグラフ ダイナミックドキュメントクライアントプル サーバープッシュ? BBコード? テキストエディタ HTMLパーサ 文書型?Strict? Transitional? Frameset? ■ タグ script要素 htmlhead?meta title? body?h(1~6)? p? 空要素?br? a【アンカー要素】?フラグメント リスト要素ul?li? ol? dl?dt? dd? ブロックレベル要素 インライン要素 form【フォーム】input?text? radio? checkbox? submit? button? textarea? select?option? enctype?application/x-www-form-urlencoded? multipart/form-data htmlプラグインエラー このプラグインを使うにはこのページの編集権限を「管理者のみ」に設定してください。
https://w.atwiki.jp/webdesignmemo/pages/32.html
関連トピックス 【CSS】ブラウザのスタイルをリセットするスタイルシート集 | コリス CSSNite in Nagoya 2007 極力ハックしない CSS by 山田あかね(purprin) 役立つサイト CSSレイアウト実践講座 とほほのスタイルシート入門 Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。 公式サポートサイト サンプルダウンロードのページが参考になる。 CSS HappyLife CSS-EBLOG CSSめっちゃ不器用やねん リンク名 memo リセット CSS(2009.02.07の時点+コメントで説明つき) Yahoo! UI Library /* 各要素のmargin.paddingの正規化 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin 0; padding 0; } /* tabel要素のセルのボーダーとボーダーの間隔を0に */ table { border-collapse collapse; border-spacing 0; } /* fieldsetやimg要素のボーダーを削除 */ fieldset,img { border 0; } /* font-styleやfont-weightプロパティの正規化 */ address,caption,cite,code,dfn,em,strong,th,var { font-style normal; font-weight normal; } /* ol、ul要素のlist-styleを削除 */ ol,ul { list-style none; } /* captionやth要素を左揃えに */ caption,th { text-align left; } /* 見出し要素のフォントサイズ、太さの正規化 */ h1,h2,h3,h4,h5,h6 { font-size 100%; font-weight normal; } /* q要素の引用マークを削除 */ q before,q after { content ; } /* 略語のボーダーを削除 */ abbr,acronym { border 0; } タグの順番 /* mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide - http //mozilla.org/contribute/writing/markup ) */ /* Suggested order * display * list-style * position * float * clear * width * height * margin * padding * border * background * color * font * text-decoration * text-align * vertical-align * white-space * other text * content * */ 名前 コメント
https://w.atwiki.jp/siron24/pages/15.html
!---------------------------------------------------------- ■説明 処理の説明を記述します。 ■課題 課題を記述します。 !--------------------------------------------------------- 宣言 !DOCTYPE html !--基準言語=日本語; manigestでキャッシュするファイルを指定-- html lang="ja" manifest="skeleton.manifest" !--JavaScript参照-- script type="text/javascript" src="../js/skeleton.js" /script !--------------------------------------------------------- ヘッダ情報定義 head !--文字コード-- meta charset="UTF-8" !--ページタイトル(SEOに関わるので厳選したキーワードを記述)-- title テスト /title !--相対パスの基準URL-- base href="http //www.google.co.jp/" target="_self" !--スタイルシート指定-- link rel="stylesheet" type="text/css" href="../css/skeleton.css" media="all" title="default" / /head
https://w.atwiki.jp/htmlwiki/pages/15.html
ez-html プレビュー機能がついていて、コードの補佐を行ってくれるソフト。 現在(2009年8月)も開発が進んでいます。これを使って作業をしていきます。
https://w.atwiki.jp/api_programming/pages/189.html
下位ページ Content HTML+CSSでの段組みレイアウト作成について div要素を回り込ませる positionで位置を決める margin, padding, width, heightwidth, height と padding, border-width の解釈を変える inline-blockでマージンを指定していないのに隙間ができる、に対処する 角丸 display table HTML+CSSでの段組みレイアウト作成について http //qiita.com/ken200/items/1fd088cf324f479e5104 div要素を回り込ませる float 回り込みの設定 positionで位置を決める position で位置を決める 親要素やinline要素 MDN-開発者向けのWeb技術-CSS HTMLクイック・リファレンス-スタイルシートリファレンス-position margin, padding, width, height width, heightで指定したサイズの上にpaddingの指定幅が乗っかる。 widthは左のボーダーから右のボーダーまでの距離をしてしているのではない。 https //zxcvbnmnbvcxz.com/css_sutudy_1/ width, height と padding, border-width の解釈を変える box-sizing の指定で、width(height)の値を、"content" + "padding" + "border-width" とすることができる。 MDN box-sizing http //www.htmq.com/css3/box-sizing.shtml inline-blockでマージンを指定していないのに隙間ができる、に対処する 原因:スペース、改行コードを表示する文字として認識してしまう。 対策 文字サイズを一時的に(=親要素を)0にするそして、実際に表示させるところで、文字サイズを戻す html文書にスペースを入れない cssでletter-spacingを調整する 閉じタグを入れない次のタグが現れるまでがbox要素と認識されるから? https //webledge-blog.com/inline-block-sukima/ 角丸 border-radius http //www.htmq.com/css3/border-radius.shtml display table table でレイアウトを作る https //app.codegrid.net/entry/css-table-1 使うべきでない、という記事も。 https //qiita.com/sawadays0118/items/4c329fd05cdff14ffebc
https://w.atwiki.jp/even_eko/pages/17.html
DOMを非表示 下のコードをタグの中に入れればOK! style="display none; " 例 div style="display none;" /div styleではcssのパラメータを変更できる。displayはcssのコマンドである。 audioタグ htmlファイル !DOCTYPE html html head title html5オーディオプレイヤー /title meta charset="UTF-8" script src="./html5_audio.js" /script /head body div id="audioZone" audio id="audio_8000" preload="auto" controls source src="audio/8000.wav" type="audio/wav" source src="audio/8000.mp3" type="audio/mp3" p ※ご利用のブラウザでは再生することができません。 /p /audio /div div id="musicZone" input id="startMusic" type="image" src="./img/q_pc_transmit_on.png" width="127px" height="58px" onclick="audioPlay(8000)"/ /div /body /html jsファイル function audioPlay(num) { var string = "audio/" + num + ".mp3"; var audio = new Audio(string); audio.play(); console.log(string); } これなら、Android2.2であるIS11Tでも動作した。 jsファイルにjQueryを使ったり、下のスクリプトを使ったりすると動作しなかった。 document.getElementById("audio_8000").play();